<div class="ng-toast-container" ng-class="'ng-toast-container--' + (placement || 'top-right')">
  <div
    class="ng-toast"
    ng-repeat="toast in toasts track by toast.id"
    ng-class="[
      'ng-toast--' + (toast.type || 'info'),
      toast.dismissible ? 'ng-toast--dismissible' : '',
      toast.customClass || ''
    ]"
  >
    <div class="ng-toast__icon" ng-if="toast.icon">
      <i ng-class="toast.icon"></i>
    </div>
    <div class="ng-toast__content">
      <div class="ng-toast__title" ng-if="toast.title">{{ toast.title }}</div>
      <div class="ng-toast__message" ng-bind-html="toast.message"></div>
    </div>
    <button
      type="button"
      class="ng-toast__close"
      ng-if="toast.dismissible"
      ng-click="closeToast(toast)"
    >
      ×
    </button>
  </div>
</div>
